<template>
  <NavigationBar></NavigationBar>
  <router-view />
  <Cursor></Cursor>
</template>

<script lang="ts">
import { Options, Vue } from "vue-class-component";
import NavigationBar from "@/components/NavigationBar.vue"; // @ is an alias to /src
import Cursor from "@/components/Cursor.vue";

@Options({
  components: {
    NavigationBar,
    Cursor,
  },
})
export default class Home extends Vue {}
</script>

<style lang="scss">
#app {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  // background-image: url(./assets/img/bg/bg4.png);
  background-color: #202020;
  background-size: 100%, 100%;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50; //全局文字颜色
  font-family: harmony-sans-regular;
}

* {
  margin: 0px;
  padding: 0px;
  cursor: url("./assets/img/ico/cur.png") 3.5 3.5, auto;
  cursor: url("./assets/img/ico/cur.png") 3.5 3.5, default;
  cursor: url("./assets/img/ico/cur.png") 3.5 3.5, pointer;

  // 加载字体
  @font-face {
    font-family: harmony-sans-regular;
    src: url(./assets/font/HarmonyOS_Sans_SC_Regular.ttf);
  }
  @font-face {
    font-family: harmony-sans-black;
    src: url(./assets/font/HarmonyOS_Sans_SC_Black.ttf);
  }
  @font-face {
    font-family: harmony-sans-light;
    src: url(./assets/font/HarmonyOS_Sans_SC_Light.ttf);
  }
  @font-face {
    font-family: harmony-sans-thin;
    src: url(./assets/font/HarmonyOS_Sans_SC_Thin.ttf);
  }
  @font-face {
    font-family: furore;
    src: url(./assets/font/Furore-2.otf);
  }
}
</style>
